<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="https://fonts.googleapis.com/css?family=Material+Icons" rel="stylesheet">
    <link href="../static/css/vuetify.min.css" rel="stylesheet">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, minimal-ui">
    <script src="../static/js/vue.js"></script>
    <script src="../static/js/vuetify.js"></script>
    <script src="../static/js/jquery-1.10.2.min.js"/>
    <script src="../static/js/wangEditor-1.1.0-min.js"></script>
    <link rel="stylesheet" href="../static/css/wangEditor-1.1.0-min.css">
    <script type="text/javascript" src="../js/include.js"></script>
    <script type="text/javascript" src="../js/includebody.js"></script>
    <script src="../static/js/bootstrap/js/bootstrap.js"></script>
    <link rel="stylesheet" href="../static/js/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../static/css/login.css">
    <link rel="stylesheet" href="../static/css/slide-unlock.css">
    <script src="../static/js/jquery.slideunlock.js"></script>
    <script src="../static/js/axios.min.js"></script>
    <title>register</title>
</head>

<style>
    .mar {
        margin-top: 50px;
        margin-bottom: 100px;
    }

    .register-panel-title {
        font-size: 20px;
        margin-top: 50px;
        margin-bottom: 40px;
        text-align: center;
        background: url(/LxCommunity/static/image/line_16.png) 50% 50% no-repeat
    }


    .back {
    / / border: 1 px solid red;
        background-image: url("http://localhost:8080/LxCommunity/user/getImg");
        background-size: 100% 100%;
        cursor: pointer;
    }

</style>
<script>
    /*
    切换账户
     */

    $(function () {
        $.ajax({
            url: "/LxCommunity/html/accountLogin.html",
            type: 'get',
            scriptCharset: 'utf-8',
            contentType: "application/x-www-form-urlencoded; charset=utf-8",
            dataType: "html",
            success: function (data) {
                $("#account").html(data);
                $("#logo_title").empty();
            }
        });
        $("#logoanduserinfo").empty();
        $("#l1").click(function (e) {
            $("#l1").addClass("active");
            $("#l2").removeClass("active");
            $.ajax({
                url: "/LxCommunity/html/accountLogin.html",
                type: 'get',
                scriptCharset: 'utf-8',
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                dataType: "html",
                success: function (data) {
                    $("#account").html(data);
                }
            });
        });
        $("#l2").click(function (e) {
            $("#l2").addClass("active");
            $("#l1").removeClass("active");
            $.ajax({
                url: "/LxCommunity/html/EmailLogin.html",
                type: 'get',
                scriptCharset: 'utf-8',
                contentType: "application/x-www-form-urlencoded; charset=utf-8",
                dataType: "html",
                success: function (data) {
                    $("#account").html(data);
                }
            });
        });
    });

</script>
<body>
<div id="headerbody"></div>
<h3 class="register-panel-title">账号登录</h3>
<div class="row mar">
    <div class="col-md-4 col-md-offset-4 col-sm-6 col-sm-offset-3 col-xs-10 col-xs-offset-1">
        <div class="login-tab-nav">
            <ul>
                <li id="l1" class="active">账号登录</li>
                <li id="l2" class="">邮箱登录</li>
            </ul>
            <a href="register.html">快捷注册&gt;&gt;</a>
        </div>
    </div>
    <div id="account"></div>
</div>

<div id="footerbody"></div>
</body>
</html>